<template>
	<view class="nav">
		<view><image :src="${url}/images/fgx.png" mode=""></image></view>
		<view class="one">
			<span class="one1">1</span><span class="one2">/</span><span class="one3">20</span><span class="one4">单选题</span><span><image :src="${url}/images/sc1@2x.png" mode=""></image></span>
		</view>
		<view class="two">
			<image :src="${url}/images/fgx.png" mode=""></image>
		</view>
		<view class="se">
			<view>题目题目题目题目题目题目题目题目题目题目题目题</view>
			<view>题目题目题目题目题目题目题目题目题目题目题目题</view>
			<view>题目题目题目题目题目题目题目题目题目题目题目题</view>
			<view>题目题目题目题目题目题。</view>
		</view>
		<view class="fo">
			<image src="${url}/images/A@2x.png" mode=""></image><span>选项选项</span>
		</view>
		<view class="fi">
			<image src="${url}/images/B@2x.png" mode=""></image><span>选项选项</span>
		</view>
		<view class="fi">
			<image src="${url}/images/C@2x.png" mode=""></image><span>选项选项</span>
		</view>
		<view class="fi">
			<image src="${url}/images/D@2x.png" mode=""></image><span>选项选项</span>
		</view>
		
		<view class="two">
			<image src="${url}/images/fgx.png" mode=""></image>
		</view>
		<view class="six">
			答案
		</view>
		<view class="sev">
		<span class="sev1">正确答案：</span><span class="sev2">C</span><span class="sev3">错误答案:</span><span class="sev4">D</span>
		</view>
		<view class="ne">
			<image src="${url}/images/xd@2x.png" mode=""></image>
		</view>
		<view class="ji">
			<image src="${url}/images/xyt@2x.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	
</script>

<style>
	
	.nav image{
		width: 100%;
		height: 10upx;
	}
	.one {
		font-size: 30upx;
		margin-top: 14upx;
		margin-left: 20upx;
		}
	.one .one1{
		color: #24C68A;
	}
	.one .one2{
		color: #333333;
	}
	.one .one3{
		color: #666666;
	}
	.one .one4{
		font-size: 32upx;
		color: #060606;
		margin-left: 36upx;
	}
	.one image{
		width: 37upx;
		height: 37upx;
		
		margin-left: 460upx;
	}
	.two image{
		margin-top: 20upx;
		width: 100%;
		height: 20upx;
	}
	.se{
		font-size: 30upx;
		color: #333333;
		margin-left: 20upx;
		margin-top: 20upx;
		
	}
	.fo{
		
		margin-left: 20upx;
	}
	.fo image{
		margin-top: 50upx;
		width: 68upx;
		height: 68upx;
	}
	.fo span{
		position:fixed; 
		font-size: 30upx;
		color: #333333;
		margin-left: 22upx;
		padding-top: 64upx;
	}
	.fi{
		
		margin-left: 20upx;
	}
	.fi image{
		margin-top: 40upx;
		width: 68upx;
		height: 68upx;
	}
	.fi span{
		position:fixed; 
		font-size: 30upx;
		color: #333333;
		margin-left: 22upx;
		padding-top: 54upx;
	}
	.six{
		margin-top: 20upx;
		margin-left: 20upx;
		font-size: 32upx;
		color: #24C68A;
	}
	
	.sev{
		margin-left: 20upx;
		margin-top: 20upx;
	}
	.sev .sev1{
		font-size: 30upx;
	}
	.sev .sev2{
		position: fixed;
		margin-top: -2upx;
		margin-left: 10upx;
		font-size: 38upx;
		color: #24C68A;
	}
	.sev .sev3{
		margin-top: 4upx;
		position: fixed;
		margin-left: 80upx;
		font-size: 30upx;
	}
	.sev .sev4{
		position: fixed;
		margin-top: 0upx;
		margin-left: 224upx;
		font-size: 38upx;
		color: #fc1b25;
	}
	.ne image{
		width: 100%;
		height: 1upx;
	}
	.ji image{
		width: 750upx;
		height: 84upx;
		position: fixed;
		bottom: 5upx;
	}
</style>
